import React from 'react';
import { Link } from 'react-router-dom';
import { connect } from 'react-redux'
import { setA } from '../redux/reducer/test.js';

class Home extends React.Component{
    constructor(props){
        super(props);
    }
    componentDidMount(){
       if(!this.props.test.a){
           this.props.setA();
       }
    }
    render(){
        return <div>{this.props.test.a}<Link to={`/lily`}>tested</Link> <input type="button" value="ck" onClick={() => {alert(123)}} /></div>
    }
}

// 服务端redux需要给Home增加一个静态方法。 loadData
// 这个函数做什么？
Home.loadData = (store) => {
    // 这个函数用来在服务器端渲染前把数据加载好。
    console.log(store, 'home');
    // 灌数据
    return store.dispatch(setA());
}


export default connect(
state => ({
    test: state.test
}),
(dp) => ({
 setA:() => {
     console.log(setA);
     dp(setA());
 }
})

)(Home)

